<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<title>航空互联NOC运营平台</title>
<!-- Tell the browser to be responsive to screen width -->
<meta
	content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no"
	name="viewport">
<!-- Bootstrap 3.3.5 -->
<link rel="stylesheet" href="../../bootstrap/css/bootstrap.min.css">
<!-- Font Awesome -->
<link rel="stylesheet"
	href="https://maxcdn.bootstrapcdn.com/font-awesome/4.4.0/css/font-awesome.min.css">
<!-- Ionicons -->
<link rel="stylesheet"
	href="https://code.ionicframework.com/ionicons/2.0.1/css/ionicons.min.css">
<!-- Theme style -->
<link rel="stylesheet" href="../../dist/css/AdminLTE.min.css">
<!-- iCheck -->
<link rel="stylesheet" href="../../plugins/iCheck/square/blue.css">

<link rel="stylesheet"
	href="../../resources/bootstrap-validator/css/bootstrapValidator.css" />
<link rel="stylesheet" href="../../login/css/login.css" />
	
<!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
<!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
<!--[if lt IE 9]>
        <script src="https://oss.maxcdn.com/html5shiv/3.7.3/html5shiv.min.js"></script>
        <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
    <![endif]-->
</head>
<body class="login-background">
	<div class="company-logo">
		<img src="../../login/img/donica-logo.png" width="40%" height="5%">
	</div>
	<div class="login-box">
		<!-- /.login-logo -->
		<div class="login-box-body">
			
			<form id="loginForm" action="#" method="post">
				<div class="row">
					<img src="../../login/img/icon.png" class="img-responsive" align="left" width="50%" style="padding:  6px 12px;">
				</div>
				<div class="form-group has-feedback">
					<input name="username" type="text" class="form-control" placeholder="用户名">
					<span class="glyphicon glyphicon-user form-control-feedback"></span>
				</div>
				<div class="form-group has-feedback">
					<input name="password" type="password" class="form-control" placeholder="密码">
					<span class="glyphicon glyphicon-lock form-control-feedback"></span>
				</div>
				<div class="form-group has-feedback">
							<input name="imgCode" type="text" class="form-control" placeholder="输入验证码"> 
							<span class="glyphicon glyphicon-log-in form-control-feedback codeLogo"></span>
				</div>
				
				<div class="row">
					<div class="col-xs-3">
						  <img id="imgView" class="imgCode img-responsive" src="/login/code" data-url="/login/code">
					</div>
					<div class="col-xs-8">
						<a onclick="reloadImg();">换一张</a>
					</div>
				</div>
				<div class="row">
					
					<div class="col-xs-6">
						<div class="checkbox icheck">
							<label> <input type="checkbox"> 记住我
							</label>
						</div>
					</div>
					<!-- /.col -->
					<div class="col-xs-6">
						<button class="btn btn-primary btn-block btn-flat" type="submit">登录</button>
					</div>
					<!-- /.col -->
				</div>
				<div class="alert alert-danger" style="display: none;"></div>
			</form>
			<a href="#">忘记密码</a><br>
		</div>
		<!-- /.login-box-body -->
	</div>
	<!-- /.login-box -->

	<!-- jQuery 2.1.4  -->
	<script src="../../plugins/jQuery/jQuery-2.1.4.min.js"></script>
	<!-- Bootstrap 3.3.5 -->
	<script src="../../bootstrap/js/bootstrap.min.js"></script>
	<script type="text/javascript"
		src="../../resources/bootstrap-validator/js/bootstrapValidator.min.js"></script>
	<!-- jQuery UI 1.11.4 -->
	<script src="../../plugins/jQueryUI/jquery-ui.min.js"></script>
	<script src="../../resources/angularjs/angular.min.js"></script>

	<!-- AdminLTE for demo purposes -->
	<script src="../../dist/js/demo.js"></script>
	<script src="../../index.js"></script>
	<!-- iCheck -->
	<script src="../../plugins/iCheck/icheck.min.js"></script>
	<script src="../../login/js/login.js"></script>

	<script type="text/javascript">
	$(function() {
		$('input').iCheck({
			checkboxClass : 'icheckbox_square-blue',
			radioClass : 'iradio_square-blue',
			increaseArea : '20%' // optional
		});
	});
		
	</script>
</body>
</html>
